html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, input, textarea {
    margin: 0;
    padding: 0;
    rder: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    border: none
}

body {
    line-height: 1;
    color: #2b2b2b;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a:link, a:visited {
    color: #2b2b2b;
    text-decoration: none
}

a:hover {
    color: #2faaa5;

}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.w-100 {
    width: 100%;
    overflow-x: hidden;
}

.wbg {
    background-color: #fff;
}

.block {
    display: block;
}

.msfont {
    font-family: "微软雅黑";
}

.center {
    margin: 0 auto
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt11 {
    margin-top: 11px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.ml6 {
    margin-left: 6px;
}

.ml10 {
    margin-left: 10px;
}

.ml11 {
    margin-left: 11px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.pb65 {
    padding-bottom: 65px;
}

.pt5 {
    padding-top: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl40 {
    padding-left: 40px;
}

.pl60 {
    padding-left: 60px;
}

.pr10 {
    padding-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt70 {
    padding-top: 70px;
}

.pt56 {
    padding-top: 56px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb20 {
    padding-bottom: 20px;
}

.pd10 {
    padding: 10px;
}

.pd20 {
    padding: 20px;
}

.p-d20 {
    padding: 0 20px;
}

.line24 {
    line-height: 24px;
}

.w800 {
    width: 800px;
}

.w1000 {
    width: 1000px;
}

.colorO {
    color: #f19051
}

.colorgrey {
    color: #707070;
}

.colorA {
    color: #aaaaaa
}

.colora0 {
    color: #a0a0a0
}

.txtcenter {
    text-align: center;
}

.txtin {
    text-indent: 28px;
}

a.colorO {
    color: #f19051 !important
}

a.colorgrey {
    color: #707070 !important;
}

.w1217 {
    width: 1217px;
}

.w1112 {
    width: 1112px;
}

.bottom-line {
    border-bottom: 1px solid #eaeaea
}

.top-line {
    border-top: 1px solid #eaeaea
}

.box-line {
    border: 1px solid #eaeaea
}

.left-line {
    border-left: 1px solid #eaeaea
}

/*头部*/
#header {
    height: 79px;
}

#top-nav {
    line-height: 32px;
    text-align: right;
}

#top-nav span.line {
    padding: 0 5px;
}

#navbar {
    line-height: 76px;
}

#navbar > a {
    font-size: 24px;
    color: #0ea49e;
    margin-left: 42px;
}

#navbar > a:hover, #navbar > a.hover {
    text-decoration: none;
    border-bottom: 4px solid #0ea49e;
}

#headerindex #navbar > a {
    font-size: 20px;
    color: #0ea49e;
    margin-left: 42px;
}

#headerindex #navbar > a:hover, #navbar > a.hover {
    text-decoration: none;
    border-bottom: 4px solid #0ea49e;
}

.currentCol {
    color: #0ea49e
}

.font16 {
    font-size: 16px;
}

#selectBox {
    height: 138px;
    background-color: #fff;
    font-size: 14px;
}

#selectBox .selectItem {
    width: 476px;
    height: 37px;
    margin-top: 22px;
    margin-left: 35px;
}

#selectBox .selectItem .labels {
    display: block;
    width: 213px;
    padding-left: 115px;
    line-height: 37px;
}

#selectBox .selectItem .select {
    width: 263px;
    cursor: pointer;
    height: 37px;
    border: 1px solid #8895a3;
    position: relative;
    line-height: 37px;
}

#selectBox .selectItem .larrow {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 18px;
    right: 0px;
    top: 9px;
    line-height: 1;
}

#selectBox .selectItem .select .text {
    padding-left: 7px;
}

#selectBox .selectItem .select .dropmenu, #selectBox .selectItem .select .dropmenus {
    position: absolute;
    z-index: 9;
    display: none;
    width: 263px;
    background-color: #dcdcdc;
    top: 37px;
    left: 0px;
}

#selectBox .selectItem .select .dropmenu li, #selectBox .selectItem .select .dropmenus li {
    height: 37px;
    padding-left: 7px;
}

#selectBox .selectItem .select .dropmenu li:hover, #selectBox .selectItem .select .dropmenus li:hover {
    background-color: #68b996;
    color: #fff;
}

#selectBox .selectItem .select #price {
    width: 100%;
    height: 37px;
}

#main {
    background-color: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 200px;
}

.flist li {
    height: 451px;
    width: 539px;
    float: left;
    margin-left: 17px;
    margin-bottom: 10px;
}

.flist li .info {
    height: 100px;
    padding: 0 12px 0 17px;
    position: relative;
    background-color: #fff;
}

.flist li .info img {
    display: block;
}

.flist li .info .htitle {
    font-size: 16px;
    padding-top: 15px;
}

.flist li .info .htitle .inline-block {
    height: 27px;
    display: block;
    float: left;
    line-height: 27px;
}

.flist li .info .text {
    font-size: 14px;
    height: 27px;
    line-height: 27px;
}

.flist li .info .text span {
    padding-right: 27px;
}

.cred {
    color: #ed3e3e
}

.flist li .info .price {
    position: absolute;
    font-size: 18px;
    right: 12px;
    top: 50px;
    height: auto
}

.flist li .info .tximg {
    position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 100%;
    right: 0px;
    top: -60px
}

/*底部*/
.footer1 {
    height: 353px;
    background: url(../images/bbg.jpg) center #93dbb3;
    position: relative;
}

.by {
    position: absolute;
    width: 97px;
    height: 53px;
    display: block;
    left: 50%;
    margin-left: -49px;
    top: -50px;
}

.bnav {
    float: right;
    margin-top: 137px;
}

.bnav .tt {
    font-size: 18px;
    line-height: 30px;
}

.bnav a {
    font-size: 14px;
}

.bnav li {
    line-height: 25px;
    width: 75px;
    text-align: right;
    margin-left: 37px;
}

.footer2 {
    text-align: center;
    background-color: #f5f5f5;
    height: 132px;
    color: #93dbb3;
    line-height: 32px;
}

.w535 {
    width: 535px;
}

#simg img {
    cursor: pointer;
    height: 217px;
    width: 261px;
}

#demain {
    padding-bottom: 80px;
    background-color: #f5f5f5
}

#dsput {
    width: 100%;
    background-color: #dcdcdc;
}

#branchimg {
    background-color: #f5f5f5;
    padding-bottom: 5px;
}

#line1 {
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #dcdcdc;
    height: 87px;
}

.datebox {
    margin-right: 27px;
}

.datebox label {
    font-size: 14px;
    line-height: 37px;
    padding-right: 21px;
    font-size: 18px;
    font-weight: normal;
}

.datebox .txt {
    line-height: 37px;
    height: 37px;
    font-size: 14px;
    width: 262px;
    border: 1px solid #fff;
    padding-left: 10px;
    font-size: 14px;
}

#roomnum {
    width: 60px;
}

#line1 .price {
    line-height: 37px;
    font-size: 18px;
    height: auto;
}

#cjbtn {
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 18px;
    color: #fff;
    background-color: #0ea49e;

}

#line2 {
    height: 52px;
    background-color: #0ea49e;
    width: 100%;
    line-height: 52px;
    font-size: 18px;
    color: #fff
}

#dsput .go {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

#scrollpry.go1 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

/*#staticposition{ width: 100%; height: 139px;}*/
#staticposition1 {
    width: 100%;
    height: 70px;
    display: none;
}

#line2 li {
    float: left;
    margin-right: 86px;
}

#line2 li a:hover {
    color: #fff;
}

#dec1 .tx {
    border-radius: 150%;
    margin-top: 27px;
    width: 100px;
    float: left;
}

#dec1 .tx img {
    display: block;
    width: 100px;
    height: 100px;
}

#dec1 .tx p {
    font-size: 14px;
    color: #565a5c;
    text-align: center;
    line-height: 30px;
}

#dec1 .key {
    float: left;
    margin-left: 50px;
    margin-top: 20px;
}

#dec1 .key .htt {
    font-size: 18px;
    line-height: 40px;
}

#dec1 .key .keyword {
    font-size: 14px;
    line-height: 26px;
}

#dec1 .key .keyico li {
    width: 60px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-right: 39px;
    float: left;
}

#dec1 .key .keyico li .icon1 {
    height: 36px;
    background: url(../images/deico.jpg) 10px 0 no-repeat;
}

#dec1 .key .keyico li .icon2 {
    height: 36px;
    background: url(../images/deico.jpg) -93px 0 no-repeat;
}

#dec1 .key .keyico li .icon3 {
    height: 36px;
    background: url(../images/deico.jpg) -191px 0 no-repeat;
}

#dec1 .decription {
    width: 556px;
    font-size: 14px;
    line-height: 24px;
    float: right;
    margin-top: 30px;
    margin-right: 74px;
}

#dec1 .decription .fa {
    border: 1px solid #a6a6a6;
    color: #a6a6a6;
    padding: 2px;
    cursor: pointer;
}

#dec1 {
    height: 203px;
    background-color: #fff
}

.f5bg {
    background-color: #f5f5f5;
}

.coblue, a.coblue {
    color: #46b0ab
}

.dtable {
    width: 1050px;
    margin-top: 40px;
}

.dtable td {
    padding: 12px;
}

#dec3 .fa {
    margin-right: 5px;
    font-size: 16px;
}

#dec3, #dec2, #dec4, #dec5, #dec6 {
    font-size: 14px;
    border-bottom: 1px solid #dce0e0
}

#linkelink {
    padding-top: 50px;
}

#linkelink .title {
    line-height: 50px;
    font-size: 16px;
    padding-left: 112px;
}

.picbody .slide {
    float: left;
    margin-right: 26px;
}

#sildePic {
    position: relative;
    padding-left: 112px;
}

#sildePic .hd {
    font-size: 40px;
}

#sildePic .hd a {
    display: block;
    position: absolute;
    top: 90px;
}

#sildePic .hd a.prev {
    left: 50px
}

#sildePic .hd a.next {
    right: 50px
}

#sildePic .info {
    position: relative;
}

#sildePic .info .titleH1 {
    font-size: 16px;
    line-height: 30px;
    padding-left: 5px;
    padding-top: 15px;
    display: block;
}

#sildePic .info .infotxt {
    font-size: 14px;
    line-height: 20px;
    padding-left: 5px;
    color: #8b9193
}

#sildePic .info .pricede {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    background-color: #3c3d3c;
    color: #fff;
    padding: 8px 10px;
    top: -60px;
    left: 0
}

#sildePic .info .pricede span {
    font-size: 24px;
}

#sildePic .info .txde {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 150%;
    border: 2px solid #fff;
    right: 10px;
    top: -30px;
}

#paymain {
    background-color: #f5f5f5
}

#toppay {
    height: 105px;
    width: 100%;
    background: url(/public/img/1123/dd.png) center bottom no-repeat;
}

.bgff {
    background-color: #fff;
}

.blockarea {
    background-color: #fff;
}

.unline {
    border-bottom: 1px solid #dbdbdb;
}

.blockarea .title {
    width: 901px;
    height: 63px;
    font-weight: normal;
    margin-left: 39px;
    position: relative;
    font-size: 24px;
    color: #68b996;
    padding-left: 17px;
    padding-top: 22px;
}

.blockarea .title .num {
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    background-color: #be9a5c;
    border-radius: 150%;
    position: absolute;
    left: -15px;
}

.paytable {
    width: 882px;
}

.paytable td {
    padding: 15px;
    font-size: 14px;
}

.nomarlinput {
    padding: 10px;
    border: 1px solid #e0e0e0;
}

.red {
    color: #ff4242
}

.normalSe {
    padding: 8px;
    border: 1px solid #e0e0e0;
}

.narea {
    border: 1px solid #e0e0e0;
    width: 711px;
    height: 78px;
    resize: none;
    float: left;
}

.inblock {
    display: block;
    float: left;
    padding-top: 10px;
}

.tabletype {
    width: 921px;
    font-size: 14px;
}

.tabletype td {
    padding: 10px;
}

.tabletype th {
    padding: 10px;
    border-bottom: 1px solid #e6e6e6
}

.w50 {
    width: 30px;
}

.tabletype .w50 {
    text-align: center;
    border: 1px solid #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
}

.tabletype .pl20 {
    padding-left: 26px;
}

.tabletype .mis .fa {
    cursor: pointer;
}

.upline {
    border-top: 1px dashed #e6e6e6
}

.paybox {
    padding: 30px;
}

.payitem {
    font-size: 14px;
    color: #666867;
    border-bottom: 1px solid #e6e6e6;
}

.payitemtitle {
    line-height: 40px;
}

.radiocss {
    width: 165px;
    height: 52px;
    line-height: 52px;
}

.radiocss {
    font-size: 18px;
    cursor: pointer;
}

.pay1 {
    background: url(../images/pay7.png) right center no-repeat;
}

.pay2 {
    background: url(../images/pay6.png) right center no-repeat;
}

.pay3 {
    background: url(../images/pay5.png) right center no-repeat;
}

.pay4 {
    background: url(../images/pay4.png) right center no-repeat;
}

.pay5 {
    background: url(../images/pay3.png) right center no-repeat;
}

.pay6 {
    background: url(../images/pay2.png) right center no-repeat;
}

.pay7 {
    background: url(../images/pay1.png) right center no-repeat;
}

.font18 {
    font-size: 18px;
}

#aggxy {
    line-height: 60px;
    font-size: 16px;
    cursor: pointer;
}

#sumje {
    font-size: 18px;
    padding-right: 140px;
}

#sumje span {
    font-size: 24px;
    color: #fd0522
}

#paybtn {
    display: block;
    margin-left: 60px;
    margin-top: 20px;
    width: 115px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #0ea49e;
}

#title1 {
    font-size: 24px;
    text-align: center;
}

#title1 .fa {
    font-size: 36px;
    color: #a9b7b7
}

#title1 span {
    color: #ed3e3e;
    padding-left: 10px;
}

#sinfo {
    width: 508px;
    font-size: 14px;
    line-height: 30px;
}

.bbton {
    width: 135px;
    height: 39px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 20px;
    line-height: 39px;
}

#headerindex {
    height: 80px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .7);
}

#indexbg img {
    width: 100%;
    display: block;
}

.topbtn {
    color: #666;
    font-size: 14px;
    line-height: 34px;
    margin-top: 5px;
}

.topbtn span {
    padding: 0 5px;
}

.topbtn .fa {
    margin-right: 2px;
    font-size: 18px;
}

.ttel {
    font-size: 18px;
    color: #666;
    margin-top: 0px;
}

.ttel .fa {
    margin-right: 5px;
    font-size: 22px;
}

#indexbg2 {
    height: 305px;
    background: url(/public/img/1123/index2bg.jpg) #e8e8e8 center top;
    width: 100%
}

.index2bg {
    padding-left: 53px;
    padding-top: 61px;
}

.index2bg .pull-left {
    margin-left: 2px;
    width: 226px;
}

#selectBox.h37 {
    height: 70px;
}

#selectBox .index .selectItem {
    width: 298px;
    margin-top: 18px;
}

#selectBox .index .select {
    background-color: #fff;
    border-radius: 5px;
    width: 298px;
}

.indexbtn {
    width: 104px;
    height: 37px;
    margin-top: 18px;
    margin-left: 50px;
    background-color: #69b996;
    color: #fff;
    line-height: 37px;
    cursor: pointer;
    float: left;
    text-align: center;
    border-radius: 3px;
}

#indextab {
    height: 51px;
    padding-top: 15px;
    border-bottom: 1px solid #c5c3c3;
    background-color: #f8f6e2;
}

#indexmain {
    background-color: #f8f6e2;
    padding-bottom: 57px;
}

#indextab li.hover, #indextab li.hover {
    color: #0ea49e
}

#indextab li {
    line-height: 17px;
    cursor: pointer;
    width: 250px;
    text-align: center;
    border-left: 1px solid #000;
    height: 17px;
    float: left;
    font-size: 16px;
}

#indextab li.first {
    border: none;
}

#tabmain li {
    float: left;
    width: 383px;
    height: 376px;
    position: relative;
    margin-right: 34px;
}

#tabmain {
    padding-top: 49px;
}

.ininfo {
    position: relative;
    padding-left: 15px;
}

.indexinfo {
    height: 74px;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 16px;
}

.titleindex {
    font-size: 14px;
    line-height: 26px;
    padding-left: 10px;
}

.indextags span {
    padding-right: 18px;
    line-height: 30px;
}

.indexprice {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 18px;
}

#tabmain li.mr0 {
    margin-right: 0px;
}

#indexsutitle {
    height: 124px;
    width: 100%;
    background-color: #f8f5e2;
    position: relative;
}

#indexsutitle .line {
    border-bottom: 1px solid #c6c1c7;
    height: 75px;
    width: 100%;
}

#tabul2, #tabul3, #tabul4 {
    display: none;
}

.indexj {
    position: relative;
}

#indexj1 .indexprice {
    right: 30px;
}

/*#indexsutitle1{ height: 122px; width: 100%;  background: url(../images/indexdj1.jpg) center top;}*/
.indexj .indexinfo {
    display: none;
}

.indexb {
    position: relative;
}

.indexb .titleindex {
    padding-left: 0;
    line-height: 22px;
}

.indexb .indexinfo {
    background: rgba(0, 0, 0, .5);
    bottom: 42px;
    display: none;
    padding-top: 0;
    color: #fff
}

.indexb .indexinfo p {
    line-height: 16px;
    opacity: .8
}

#indexfooter {
}

#indexfoot1 {
    height: 100px;
    background: url(/public/img/1123/foot1.jpg) center top
}

#footerm ul {
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin-right: 50px;
    padding-left: 50px;
    margin-top: 40px;
}

#right-ad {
    width: 80px;
    display: none;
    height: 200px;
    position: fixed;
    top: 139px;
    z-index: 10;
    right: 10px;
    background: url(/public/img/1123/rad.jpg);
}

.common-btn {
    display: block;
    width: 80px;
    height: 79px;
}

.l2 {
    margin-top: 1px;
}

.arrow-btn {
    width: 80px;
    height: 40px;
    display: block;
}

.indebxtx {
    border-radius: 150%;
    left: 10px;
    top: 10px;
    position: absolute;
    z-index: 10;
    width: 80px;
    height: 80px;
    padding: 4px;
    background: rgba(255, 255, 255, .5);
}

#indexsutitle1 {
    width: 203px;
    margin-left: -102px;
}

#indexsutitle  .txt {
    position: absolute;
    left: 50%;
    font-size: 26px;
    color: #666465;
    top: 55px;
    background: #f8f5e2;
    text-align: center;
}

#indexsutitle .fa {
    color: #c5c3c4;
    font-size: 14px;
    margin: 0 8px;
    position: relative;
    top: -3px;
}

#indexsutitle2 {
    width: 180px;
    margin-left: -90px;
}

.h80 {
    height: 80px;
}

#bread {
    line-height: 39px;
    height: 39px;
    background-color: #d9d9d7;
    border-top: 1px solid #eaeae9;
    font-size: 14px;
}

#usermain {
    background-color: #f2f2f2;
    padding-top: 20px;
    padding-bottom: 40px;
}

#usernav {
    width: 202px;
    padding-top: 25px;
    background-color: #90908f
}

#usertx {
    width: 94px;
    height: 94px;
    border-radius: 150%;
}

#usertx img {
    border-radius: 150%;
    width: 94px;
    height: 94px;
}

#usersub {
    text-align: center;
    color: #fff;
}

#usersub a {
    color: #fff;
    margin: 0 12px;
    line-height: 30px;
}

.usernavul {
    padding-bottom: 40px;
}

.usernavul li {
    height: 34px;
    line-height: 34px;
    width: 100%;
}

.usernavul li a {
    display: block;
    height: 34px;
    padding-left: 67px;
    background: url(/public/img/1123/userico.png) no-repeat 26px 0;
    font-size: 16px;
    color: #fff;
}

.usernavul li a.hover, .usernavul li a:hover {
    background-color: #0ea49e;
}

#usericofw {
    background-position: 26px 4px
}

#usericojh {
    background-position: 26px -28px
}

#usericozr {
    background-position: 26px -60px
}

#usericodz {
    background-position: 26px -96px
}

#usericozl {
    background-position: 26px -129px
}

#userright {
    padding-left: 20px;
    width: 995px;
}

#userlistStyle1 li {
    width: 453px;
    position: relative;
    height: 221px;
    background-color: #f7f3e7;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

#userlistStyle1 li img.pull-left {
    display: block;
}

#userlistStyle1 li .userinfo {
    width: 235px;
    padding-left: 10px;
}

#userlistStyle1 li .userinfo h2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}

#userlistStyle1 li .infolistitem {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-left: 5px;
}

#userlistStyle1 li .tofg {
    position: absolute;
    text-align: center;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    width: 453px;
    height: 221px;
    line-height: 224px;
    left: 0;
    top: 0;
    display: none;
}

#userlistStyle1 li:hover .tofg {
    display: block;
}

#userlistStyle1 li .tofg a {
    color: #fff;
    font-size: 14px;
    padding: 0 40px;
}

#userlistStyle1 li .tofg a:hover {
    color: #68b996
}

#userlistStyle1 li .infolistitem .fa {
    font-size: 16px;
}

#userlistStyle1 li .infolistitem .fa-jpy {
    margin-left: 5px;
}

#userlistStyle1 li .towbg {
    position: absolute;
    padding-left: 27px;
    padding-top: 27px;
    z-index: 1;
    background: rgba(255, 255, 255, .85);
    width: 453px;
    height: 221px;
    left: 0;
    top: 0;
    display: none;
}

#userlistStyle1 li:hover .towbg {
    display: block;
}

.infopitem {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

.infopitem .fa {
    font-size: 18px;
    margin-right: 2px;
}

.userbtn {
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #666666;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 136px;
}

#userlistStyle2 li {
    width: 451px;
    height: 292px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    position: relative;
}

#userlistStyle2 li .towbg {
    position: absolute;
    width: 451px;
    height: 292px;
    background: rgba(255, 255, 255, .85);
    left: 0;
    top: 0;
    padding-top: 36px;
    padding-left: 31px;
    font-size: 14px;
    display: none;
}

#userlistStyle2 li .towbg .ititle {
    font-size: 16px;
}

#userlistStyle2 li .towbg .ititle .fa {
    margin-right: 5px;
}

#userlistStyle2 li .towbg .iitem {
    line-height: 30px;
}

#userlistStyle2 li .towbg  .patiymrbtn {
    background-color: #666;
    width: 136px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 15px;
}

#userlistStyle2 li .towbg  .upayitem {
    padding-right: 20px;
    margin-left: 5px;
    cursor: pointer;
}

#userlistStyle2 li .towbg  .upayitem .fa {
    margin-right: 2px;
}

#userlistStyle2 li:hover .towbg {
    display: block;
}

#userlistStyle3 li {
    width: 278px;
    height: 224px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

#userlistStyle3 li .towbg {
    position: absolute;
    width: 278px;
    height: 224px;
    background: rgba(255, 255, 255, .85);
    left: 0;
    top: 0;
    padding-top: 26px;
    padding-left: 26px;
    font-size: 14px;
    display: none;
}

#userlistStyle3 li .towbg .ititle {
    font-size: 16px;
}

#userlistStyle3 li .towbg .ititle .fa {
    margin-right: 5px;
}

#userlistStyle3 li .towbg .iitem {
    line-height: 24px;
}

#userlistStyle3 li .towbg  .patiymrbtn {
    background-color: #666;
    width: 136px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 15px;
}

#userlistStyle3 li .towbg  .upayitem {
    padding-right: 20px;
    margin-left: 5px;
    cursor: pointer;
}

#userlistStyle3 li .towbg  .upayitem .fa {
    margin-right: 2px;
}

#userlistStyle3 li:hover .towbg {
    display: block;
}

.holecommonNav01 {
    width: 100%;
    height: 80px;
    background: #eeeeee;
}

.commonNav01 {
    width: 65%;
    margin: 0 auto;
    height: 40px;
    background: #eeeeee;
    position: relative;
}

.cnLogo01 {
    width: 20%;
    float: left;
    margin: 5px 0 0 0;
}

.cnLogo01 img {
    width: 100%;
}

.cnIn01 {
    height: 80px;
    float: left;
    width: 45%;
    margin: 0 0 0 100px;
}

.cnIn01 ul {
    width: 100%;
}

.cnIn01 ul li {
    float: left;
    width: 16%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    list-style: none;
}

.cnIn01 ul li a {
    text-decoration: none;
    color: #0ea49e;
    font-size: 20px;
    font-family: "微软雅黑";
}

.cnIn01 ul li a:hover {
    color: #0ea49e;
    border-bottom: 2px solid #0ea49e;
}

.personName01 {
    width: 10%;
    height: 80px;
    float: right;
    position: relative;
}

.personName01 img {
    float: left;
    margin: 20px 0 0 0;
}

.personName01 .nameDetail .userPicture img {
    margin: 0;
}

.personName01 .userName {
    float: left;
    display: inline-block;
    line-height: 40px;
    margin: 0 0 0 5px;
    text-decoration: none;
    color: #929292;
}

.nameTop {
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #999;
}

.nameTop .userPicture {
    width: 60px;
    height: 60px;
    background: #0CF;
    float: left;
    margin: 40px 0 0 10px;
}

.nameTop .userPicture #useImage {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.userText {
    float: left;
    width: 55%;
    margin: 30px 0 0 10px;
}

.nameMannge {
    color: #999;
    margin: 10px 0 0 0;
}

.nameMannge a {
    text-decoration: none;
    color: #666;
}

.signAndRegister {
    width: 100%;
    margin: 5px 0 0 0;
}

.signAndRegister a {
    width: 45%;
    text-align: center;
    text-decoration: none;
    color: #333;
    display: inline-block;
}

@media (max-width: 768px) {
    .w1217, .w1112, .flist li, .flist li img.block, #simg {
        width: 100%;
    }

    .flist li img.block {
        height: auto;
    }

    #selectBox .selectItem {
        width: 45%;
    }

    #selectBox .selectItem .labels {
        width: 50px;
        padding-left: 0px;
    }

    .flist li {
        margin: 0px;
    }

    #main {
        padding-top: 50px;
    }

    #bigimg {
        width: 100%;
        height: auto;
    }

    #simg div img {
        height: 124px;
        width: 100%
    }

    #simg div {
        width: 25%;
        margin: 0px;
    }

    #demain {
        display: none;
    }

    .ipadDemain table tr td span {
        width: 24%;
        display: inline-block;
        text-align: center;
    }

    .detailsInfo {
        display: inline-block;
        width: 32%
    }

    .w1000, .blockarea .title, .paytable {
        width: 100%;
    }

    .blockarea .title {
        margin-left: 0px;
        padding-left: 40px;
    }

    .blockarea .title .num {
        left: 8px;
    }
    #decontent{
        display: none;
    }
    .ipadDemain>table>tbody>tr>td{
        white-space: inherit!important;
    }

    .ipadDemain {
        display: block;
    }
}

@media (min-width: 769px) {
    .ipadDemain {
        display: none;
    }
}
